page {
	// background: #ececec;
}
// 自定义头部
.head {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99;
	background: #fff;
	.head-head,
	.head-back {
		display: flex;
		align-items: center;
	}
	.head-back {
		.iconfanhui {
			padding: 0 34rpx 0 40rpx;
			// font-size: 23rpx;
		}
		.title {
			font-weight: bold;
		}
	}
}
// 搜索
.srchBox {
	background: #fff;
	display: flex;
	align-items: center;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99;
	.srchFor {
		display: flex;
		align-items: center;
		width: 50%;
		height: 64rpx;
		background: #ececec;
		border-radius: 40rpx;
		margin-bottom: 4rpx;
		margin-left: 32rpx;
		flex: 1;
		.input {
			width: 84%;
		}
		.iconfont {
			font-size: 40rpx;
			color: #b8b8b8;
			margin: 0 4rpx 0 24rpx;
		}
	}
	.srcBtn {
		padding: 0 40rpx 8rpx 32rpx;
	}
}
// tab分类标签
.catgLbl {
	.van-hairline--top-bottom:after {
		border-width: 0;
	}
	.van-tabs__scroll--line {
		box-sizing: initial;
		height: calc(100% + 15px);
		background: #fff;
	}

	.van-tab--active {
		font-weight: 500;
		font-weight: var(--font-weight-bold, 500);
		font-size: 32rpx;
		color: #ed5757;
	}
	.van-tabs__line {
		position: absolute;
		width: 10%;
		bottom: 12rpx;
		left: 0;
		z-index: 1;
		height: var(--tabs-bottom-bar-height, 3px);
		border-radius: var(--tabs-bottom-bar-height, 5px);
		background-color: var(--tabs-bottom-bar-color, #ee0a24);
	}
	.liveBroadcast {
		.msg {
			text-align: center;
			padding-top: 70%;
		}
	}
	.livePlaza {
		// margin: 24rpx;
		padding: 0;
		.grpActivity {
			background: #fff;
			padding: 4rpx 24rpx 24rpx;
			// border-radius: 10rpx;
			// margin-top: 2rpx;
			border-top: 2rpx solid #ececec;
			.commodity {
				margin-top: 24rpx;
				display: flex;
				image {
					width: 240rpx;
					height: 240rpx;
					border-radius: 16rpx;
				}
				.introduction {
					flex: 1;
					padding: 24rpx 24rpx 16rpx;
					position: relative;
					.badge {
						padding: 4rpx 8rpx;
						border: 2rpx solid #ed5757;
						display: inline-block;
						font-size: 20rpx;
						margin-top: 16rpx;
						border-radius: 4rpx;
					}
					.grpBtn {
						position: absolute;
						bottom: 0;
						right: 0;
						display: inline-block;
						padding: 16rpx 28rpx;
						color: #fff;
						border-radius: 40rpx;
						.iconShare {
							font-size: 24rpx;
							margin-right: 8rpx;
						}
					}
					.disc {
						margin-top: 12rpx;
						position: relative;
						.discPrcTag {
							padding: 4rpx 8rpx;
							font-size: 20rpx;
							color: #fff;
							margin: 0 16rpx;
						}
						.discPrc {
							font-size: 20rpx;
							color: #8a8a8a;
							text-decoration: line-through;
						}
						.brandPrc {
							position: absolute;
							bottom: -40rpx;
							left: 0;
						}
					}
				}
			}
		}
	}
}
